<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--CSS-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css"/>
<link href="css/form.css" rel="stylesheet" type="text/css"> 
<!--JS-->
<script src="js/jquery-1.7.1.min.js" type="text/javascript" ></script>
<script src="js/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="js/form.js"></script>
</head>

<body>
<div id="wrapper">
  <header id="logo">
    <h1>MANUELA HENRIQUES</h1>
  </header>
  <section id="redes"> </section>
  <div class="clear"></div>
  <nav>
    <ul id="menu">
      <li><a href="#">SOBRE A MARCA</a></li>
          <li>
            <a href="#">JÓIAS</a>
                <ul>
                   <li><a href="#">ANÉIS</a></li>
                   <li><a href="#">BRINCOS</a></li>
                   <li><a href="#">COLARES</a></li>
                </ul>
          </li>
      <li><a href="#">CLIPPING</a></li>
      <li><a href="#">ONDE ENCONTRAR</a></li>
      <li><a href="#">BLOG</a></li>
    </ul>
  </nav>
  
   <!--CONTEUDO-->
  <section id="container"> 
	<header class="barraTitulos">CLIPPING</header>
	<article class="baseTexo clipping">
    <img src="images/img-clipping.jpg" width="154" height="153" class="imgClipping"> 
    <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at diam ac purus varius tempus quis ut sem. Suspendisse fringilla neque turpis. Etiam sed leo ipsum, at lobortis dui. Etiam ultrices diam quis ligula eleifend et molestie tortor fringilla. 
	<div class="botaoMais"><span>+</span> Leia mais</div>
    
    
    </article>
   
  </section>
  
  <section id="noticias">
 	 <h3>Últimas noticias</h3>
     	 <section id="boxNotícias">
                <article> <a href="#"><img src="images/img-noticia.jpg" width="85" height="85"></a>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at diam ac purus varius tempus quis ut sem. </a>
                </article>
                
                <article> <a href="#"><img src="images/img-noticia.jpg" width="85" height="85"></a>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at diam ac purus varius tempus quis ut sem. </a>
                </article>
                
                <article> <a href="#"><img src="images/img-noticia.jpg" width="85" height="85"></a>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at diam ac purus varius tempus quis ut sem. </a>
                </article>
    	 </section>
  </section>
   <!--CONTEUDO-->
   
  <div class="clear"></div>
 
 <!--FOOTER-->
  <footer>
    <section id="idioma">
     <header>
        <h3>IDIOMA</h3>
      </header>
      <form  class="formIdioma" >
      <select name="">
        <option value="Portugues">Portugues</option>
        <option value="Ingles">Ingles</option>
      </select>
      </form>
    </section>
    <section id="sac">
      <header>
        <h3>SAC</h3>
      </header>
      <ul>
        <li><a href="#">Politica de Entrega</a></li>
        <li><a href="#">Prazo de Entrega</a></li>
        <li class="lastSac"><a href="#">Fale Conosco</a></li>
      </ul>
    </section>
   <section id="copy">
  	  <div class="cartoes"><img src="images/cartoes.png" width="178" height="33"></div>
      <div class="truste"><img src="images/truste.png" width="121" height="33"></div>
      <div class="clear"></div>
    </section>
  </footer>
 <!--FOOTER-->
</div>
</body>
</html>
